<template>
  <div>
    <h1>点击li必须使用编程式导航</h1>
    <ul>
      <li @click="jump(1)">青藏高原</li>
      <li @click="jump(2)">三天三夜</li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },

  created () {},

  methods: {
    jump (id) {
      this.$router.push('/details/' + id)
    }
  }
}
</script>

<style lang="less">
li {
  cursor: pointer;
}
</style>
